<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<link rel="stylesheet" href="../assets/css/bootstrap.css">
<link rel="stylesheet" href="../assets/css/font-awesome.css">
<link rel="stylesheet" href="../assets/css/b4y.css">
<style>
	.table{
		min-height:410px;
	}
</style>
<div class="tool-bar">
	<ol class="breadcrumb">
		<li class="back"><a href="user.html"><i class="fa fa-caret-left"></i></a></li>
		<li><a href="#">首页</a></li>
		<li>资源</li>
		<li>用户管理</li>
		<li class="active">用户角色管理</li>
	</ol>
	<div class="inline"></div>
</div>

<div class="container-fluid">
	<div class="row-fluid">
		<!-- <div class="">Sayi</div> -->
	</div>
	<div class="row-fluid">
		<div class="col-md-5 table-responsive col-md-offset-1">
			<p class="bg-breadcrumb tag-bar">
				<span>现有角色</span>
				<a href="" class="btn btn-default pull-right">移除&gt;</a>
			</p>
			<table class="table table-hover">
				<thead>
					<tr>
						<th width="8%"><input type="checkbox"></th>
						<th width="24%">角色代码</th>
						<th width="16%">角色名称</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox"></td>
						<td>administrator</td>
						<td>超级管理员</td>
					</tr>
				</tbody>
			</table>
			<ul class="pagination page-youth">
				<li class="pre"><a href="#">&lt;</a></li>
				<li><span><input type="text" value="1" /></span></li>
				<li class="next"><a href="#">&gt;</a></li>
				<li><span>/1页</span></li>
				<li><span>共1条记录</span></li>
			</ul>
		</div>
		<div class="col-md-5">
			<p class="bg-breadcrumb tag-bar">
				<span class="pull-right">所有角色</span>
				<a href="" class="btn btn-default">&lt;添加</a>
			</p>
			<table class="table table-hover">
				<thead>
					<tr>
						<th width="8%"><input type="checkbox"></th>
						<th width="24%">角色代码</th>
						<th width="16%">角色名称</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td><input type="checkbox" checked="checked"
							disabled="disabled"></td>
						<td>administrator</td>
						<td>超级管理员</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>resource</td>
						<td>资源管理员</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>data_recovery</td>
						<td>数据恢复管理员</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>universe</td>
						<td>普通用户</td>
					</tr>
					<tr>
						<td><input type="checkbox"></td>
						<td>anonymous</td>
						<td>匿名用户</td>
					</tr>
				</tbody>
			</table>
			<ul class="pagination page-youth">
				<li class="pre"><a href="#">&lt;</a></li>
				<li><span><input type="text" value="2" /></span></li>
				<li class="next"><a href="#">&gt;</a></li>
				<li><span>/12页</span></li>
				<li><span>共45条记录</span></li>
			</ul>
		</div>
	</div>
</div>

<script src="../assets/js/jquery-1.8.3.js"></script>
<script src="../assets/js/bootstrap.js"></script>